// 主题颜色

// base color
$blue: #324157;
$light-blue: #3a71a8;
$red: #c03639;
$pink: #e65d6e;
$green: #30b08f;
$tiffany: #4ab7bd;
$yellow: #fec171;
$panGreen: #30b08f;
$colorPrimary: #1890ff;

// sidebar
//左侧菜单浅色主题
$menuBgLight: #fff;
$menuHoverLight: #f5f5f5;
$subMenuBgLight: #ffffff;
$subMenuHoverLight: #e8f4ff;
$menuTextLight: #000;
// $menuActiveTextLight: #409eff;
$subMenuActiveTextLight: #000; // https://github.com/ElemeFE/element/issues/12951

// 左侧菜单深色
$menuBgDark: #304156;
$menuHoverDark: #263445;
$subMenuBgDark: #1f2d3d;
$subMenuHoverDark: #001528;

$menuTextDark: #fff;
// $menuActiveTextDark: #409eff;
$subMenuActiveTextDark: #f4f4f5; // https://github.com/ElemeFE/element/issues/12951



$sideBarWidth: 210px;

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  menuTextLight: $menuTextLight;
  // menuActiveTextLight: $menuActiveTextLight;
  subMenuActiveTextLight: $subMenuActiveTextLight;
  menuBgLight: $menuBgLight;
  menuHoverLight: $menuHoverLight;
  subMenuBgLight: $subMenuBgLight;
  subMenuHoverLight: $subMenuHoverLight;
  sideBarWidth: $sideBarWidth;

  menuTextDark: $menuTextDark;
  subMenuActiveTextDark: $subMenuActiveTextDark;
  menuBgDark: $menuBgDark;
  menuHoverDark: $menuHoverDark;
  subMenuBgDark: $subMenuBgDark;
  subMenuHoverDark: $subMenuHoverDark;
}
